<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/view/common/conmont.jspf" %>
<head>
    <meta charset="utf-8">
    <title>显示结果</title>
</head>
<body class="easyui-layout">
<%--上部分--%>
<div data-options="region:'north',title:'进销存管理',split:false" style="height:150px;">
    欢迎您，${sessionScope.account.accLogin}
</div>
<%--左边部分--%>
<div data-options="region:'west',title:'导航菜单',split:false" style="width:180px;">
    <%-- accordion 可折叠的窗口 --%>
    <div id="accordionID"
         class="easyui-accordion"
         data-options="fit:true,border:false,selected:-1"
         style="width:300px;height:400px;">
        <div title="基础数据录入">
            <!-- list-style: none去左边的点；text-decoration: none：去超链接下划线,title用来区分后继定位这里的超链接 -->
            <ul style="list-style: none;padding: 0px;margin:0px;">
                <!--href="${proPath}/base/goURL/supplier/supplierlist.action" 也是传给方法的参数，详见BaseAction的定义 -->
                <li style="padding: 6px;">
                    <a href="${webRoot}/supplier/supplierlist" title="供应商管理"
                       style="text-decoration: none;display: block;font-weight:bold;">供应商管理</a>
                </li>

                <li style="padding: 6px;">
                    <a href="${webRoot}/base/goods/goodslist" title="商品管理"
                       style="text-decoration: none;display: block;font-weight:bold;">商品管理</a>
                </li>
            </ul>
        </div>
        <div title="进货管理">
            <ul style="list-style: none;padding: 0px;margin:0px;">
                <li style="padding: 6px;">
                    <a href="${webRoot}/base/buyermanage/insertbuyer" title="商品采购"
                       style="text-decoration: none;display: block;font-weight:bold;">商品采购</a>
                </li>

                <li style="padding: 6px;">
                    <a href="${webRoot}/account/accountlist" title="商品退货"
                       style="text-decoration: none;display: block;font-weight:bold;">商品退货</a>
                </li>
            </ul>
        </div>
    </div>



</div>

<%--中间部分--%>
<div data-options="region:'center',title:'主要信息'" style="padding:5px;background:#eee;">
    <div id="tt" class="easyui-tabs" style="fit:true">
        <%-- style="display:none;"--%>
        <%--padding:20px;--%>
        <%--<div title="Tab2" data-options="closable:true" style="overflow:auto;display:none;">tab2</div>--%>
        <%--<div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="display:none;">tab3</div>--%>
    </div>

</div>

<%--添加一个弹框 默认隐藏 点击新增的时候加载出来--%>
<div id="win"></div>

</body>
<script type="text/javascript">
    $(function() {
        $("a[title]").click(function() {
            var text = this.href;
            if ($("#tt").tabs("exists", this.title)) {
                //存在时选中
                $("#tt").tabs("select", this.title);
            } else {
                //不存在时创建
                $("#tt").tabs("add", {
                    title : this.title,
                    closable : true,
                    //href可以加载内容填充到选项卡，但局限于body内容,但有时候页面有Js时，处理不了
                    //href : text 获取 a 标签的地址
                    //可以加载内容填充到选项卡，页面有Js时，也可加载 (iframe中增加的是左侧按钮链接中指定的内容)
                    content:"<iframe src='"+text+"' height='100%' width='100%' frameborder='0px' ></iframe>"
                });
            }
            return false; //重点,防止打开新的页面
        });
    });
</script>

</html>

